<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: 'app',
    data() {
      return {
        projectName: 'login'
      }
    },
    beforeCreate() {
      console.log(this.projectName + ' -> beforeCreate')
    },
    created() {
      console.log(this.projectName + ' -> created')
    },
    beforeMount() {
      console.log(this.projectName + ' -> beforeMount')
    },
    mounted() {
      console.log(this.projectName + ' -> mounted')
    },
    beforeUpdate() {
      console.log(this.projectName + ' -> beforeUpdate')
    },
    updated() {
      console.log(this.projectName + ' -> updated')
    },
    beforeDestroy() {
      console.log(this.projectName + ' -> beforeDestroy')
    },
    destroyed() {
      console.log(this.projectName + ' -> destroyed')
    }
  }
</script>

<style>
  #app {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    height: 100%;
    width: 100%;
  }
</style>
